<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

  <head>
  <meta charset=utf-8"utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <title>文档支持的Markdown语法</title>
  <meta name="description" content="什么是 Markdown">
  <meta name="author" content="leopardpan">

  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="文档支持的Markdown语法">
  <meta name="twitter:description" content="什么是 Markdown">
  
  <meta property="og:type" content="article">
  <meta property="og:title" content="文档支持的Markdown语法">
  <meta property="og:description" content="什么是 Markdown">
  
  <link rel="icon" type="image/png" href="/images/favicon.png" />
  <link href="/images/favicon.png" rel="shortcut icon" type="image/png">
  
  <link rel="stylesheet" href="main.css" tppabs="https://leopardpan.cn/css/main.css">
  <link href="font-awesome.min.css" tppabs="https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

  <link rel="canonical" href="http://0.0.0.0:4000/2016/11/markdownTool/">
  <link rel="alternate" type="application/rss+xml" title="柳勇" href="http://0.0.0.0:4000/feed.xml">
  
  <meta name="google-site-verification" content="1-1ZlHoRvM0T2FqPbW2S-qLgYXN6rsn52kErlMPd_gw" />

<!-- 站点统计 -->
  <script 
  async src="busuanzi.pure.mini.js" tppabs="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js">
  </script>  

<!-- 百度统计 -->
  
  <script>
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "hm.js-8ba1c6be0953b6f9c2ba38e57f615421"/*tpa=https://hm.baidu.com/hm.js?8ba1c6be0953b6f9c2ba38e57f615421*/;
        var s = document.getElementsByTagName("script")[0]; 
        s.parentNode.insertBefore(hm, s);
      })();
  </script>
  

<!-- google 统计 -->
  
  <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','analytics.js'/*tpa=https://www.google-analytics.com/analytics.js*/,'ga');
      ga('create', 'UA-84134159-3', 'auto');
      ga('send', 'pageview');
  </script>
  

  <script async src="adsbygoogle.js" tppabs="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-9005224472374751",
    enable_page_level_ads: true
  });
</script>

</head>


  <body>

    <span class="mobile btn-mobile-menu">        
      <div class="nav_container">
         <nav class="nav-menu-item" style = "float:right">
            <i class="nav-menu-item">
              <a href="index.htm#blog" tppabs="https://leopardpan.cn/#blog" title="" class="blog-button">  博客主页
              </a>
            </i>
            
                <i class="nav-menu-item">

                  <a href="index-7.html" tppabs="https://leopardpan.cn/archive" title="archive" class="btn-mobile-menu__icon">
                      所有文章
                  </a>
                </i>
            
                <i class="nav-menu-item">

                  <a href="index-8.html" tppabs="https://leopardpan.cn/tags" title="tags" class="btn-mobile-menu__icon">
                      标签
                  </a>
                </i>
            
                <i class="nav-menu-item">

                  <a href="support.html" tppabs="https://leopardpan.cn/support" title="support" class="btn-mobile-menu__icon">
                      技术支持
                  </a>
                </i>
            
                <i class="nav-menu-item">

                  <a href="aboutme.html" tppabs="https://leopardpan.cn/about" title="about" class="btn-mobile-menu__icon">
                      关于我
                  </a>
                </i>
            
          </nav>
      </div>
    </span>
    
    <header class="panel-cover panel-cover--collapsed" style="background-image: url('/images/background-cover.jpg')">
  <div class="panel-main">

    <div class="panel-main__inner panel-inverted">
    <div class="panel-main__content">
        <!-- 头像效果-start -->
        <div class="ih-item circle effect right_to_left">            
            <a href="index.htm#blog" tppabs="https://leopardpan.cn/#blog" title="前往 柳勇 的主页" class="blog-button">
                <div class="img"><img src="avatar.jpg" tppabs="https://leopardpan.cn/images/avatar.jpg" alt="img"></div>
                <div class="info">
                    <div class="info-back">
                        <h2> 
                            
                                leopardpan
                            
                        </h2>
                        <p>
                           
                                iOS / 机器学习
                            
                        </p>
                    </div>
                </div>
            </a>
        </div>
        <!-- 头像效果-end -->
        <h1 class="panel-cover__title panel-title"><a href="index.htm#blog" tppabs="https://leopardpan.cn/#blog" title="link to homepage for 柳勇" class="blog-button">柳勇</a></h1>
        
        <span class="panel-cover__subtitle panel-subtitle">个人站</span>
        
        <hr class="panel-cover__divider" />
        <p class="panel-cover__description">欢迎来到我的个人站~</p>
        <hr class="panel-cover__divider panel-cover__divider--secondary" />
        
        
        

        <div class="navigation-wrapper">
          <div>
            <nav class="cover-navigation cover-navigation--primary">
              <ul class="navigation">
                <li class="navigation__item"><a href="index.htm#blog" tppabs="https://leopardpan.cn/#blog" title="" class="blog-button">博客主页</a></li>
                
                  <li class="navigation__item"><a href="index-7.html" tppabs="https://leopardpan.cn/archive" title="archive">所有文章</a></li>
                
                  <li class="navigation__item"><a href="index-8.html" tppabs="https://leopardpan.cn/tags" title="tags">标签</a></li>
                
                  <li class="navigation__item"><a href="support.html" tppabs="https://leopardpan.cn/support" title="support">技术支持</a></li>
                
                  <li class="navigation__item"><a href="aboutme.html" tppabs="https://leopardpan.cn/about" title="about">关于我</a></li>
                
              </ul>
            </nav>
          </div>          
        </div>


        </div>
      </div>
    </div>
    
    
    <div class="panel-cover--overlay cover-clear"></div>
    
  </div>
</header>


    <div class="content-wrapper">
        <div class="content-wrapper__inner">
            <head>
  <link rel="stylesheet" href="post.css" tppabs="https://leopardpan.cn/css/post.css">
</head>

<article class="post-container post-container--single" itemscope itemtype="http://schema.org/BlogPosting">
  <header class="post-header">
    <h1 class="post-title">文档支持的Markdown语法</h1>
    <div class="post-meta">
      <img src="calendar.png.jpg" tppabs="https://leopardpan.cn/images/calendar.png" width="20px"/> 
      <time datetime="2016-11-20 00:00:00 +0800" itemprop="datePublished" class="post-meta__date date">2016-11-20</time>  

      <span id="busuanzi_container_page_pv"> | 阅读：<span id="busuanzi_value_page_pv"></span>次</span>
    </p>
    </div>
  </header>

  
    <h2 class="post-title">目录</h2>
    <ul>
  <li><a href="#什么是-markdown">什么是 Markdown</a></li>
  <li><a href="#一些基本语法">一些基本语法</a>
    <ul>
      <li><a href="#列表">列表</a></li>
      <li><a href="#列表引用">列表引用</a></li>
      <li><a href="#插入一张图片">插入一张图片</a></li>
    </ul>
  </li>
  <li><a href="#博客支持的高级语法">博客支持的高级语法</a>
    <ul>
      <li><a href="#1-制作一份待办事宜">1. 制作一份待办事宜</a></li>
      <li><a href="#2-高亮一段代码">2. 高亮一段代码</a>
        <ul>
          <li><a href="#3-绘制表格">3. 绘制表格</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

  

  <section class="post">
    <h2 id="什么是-markdown">什么是 Markdown</h2>

<p>Markdown 是一种方便记忆、书写的纯文本标记语言，用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档：如您正在阅读的这篇文章。它使用简单的符号标记不同的标题，分割不同的段落，<strong>粗体</strong> 或者 <em>斜体</em> 某些文字.</p>

<p>很多产品的文档也是用markdown编写的，并且以“README.MD”的文件名保存在软件的目录下面。
　　</p>
<h2 id="一些基本语法">一些基本语法</h2>

<p>标题          <br />
H1 :# Header 1          <br />
H2 :## Header 2         <br />
H3 :### Header 3         <br />
H4 :#### Header 4         <br />
H5 :##### Header 5          <br />
H6 :###### Header 6    <br />
链接 :<a href="javascript:if(confirm('https://leopardpan.cn/2016/11/markdownTool/URL  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ������������ļ�δ�ҵ���  \n\n�����ڷ������ϴ���?'))window.location='https://leopardpan.cn/2016/11/markdownTool/URL'" tppabs="https://leopardpan.cn/2016/11/markdownTool/URL">Title</a>      <br />
加粗 :<strong>Bold</strong>      <br />
斜体字 :<em>Italics</em>       <br />
*删除线 :<del>text</del>        <br />
内嵌代码 : <code class="highlighter-rouge">alert('Hello World');</code></p>

<h3 id="列表">列表</h3>

<ul>
  <li>列表1</li>
  <li>列表2</li>
  <li>列表3</li>
</ul>

<h3 id="列表引用">列表引用</h3>

<blockquote>
  <ul>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
  </ul>
</blockquote>

<h3 id="插入一张图片">插入一张图片</h3>

<p>打赏一个吧</p>

<p><img src="weipayimg.jpg" tppabs="https://leopardpan.cn/images/payimg/weipayimg.jpg" alt="" /></p>

<p>css 的大部分语法同样可以在 markdown 上使用，但不同的渲染器渲染出来的 markdown 内容样式也不一样，下面这些链接里面有 markdown 基本语法，你也可以在下面几个平台上尝试着写一些。</p>

<h2 id="博客支持的高级语法">博客支持的高级语法</h2>

<h3 id="1-制作一份待办事宜">1. 制作一份待办事宜</h3>

<ul class="task-list">
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" />支持以 PDF 格式导出文稿</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" />改进 Cmd 渲染算法，使用局部渲染技术提高渲染效率</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />新增 Todo 列表功能</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />修复 图标功能</li>
</ul>

<h3 id="2-高亮一段代码">2. 高亮一段代码</h3>

<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code>
<span class="o">@</span><span class="n">requires_authorization</span>
<span class="k">class</span> <span class="nc">SomeClass</span><span class="p">:</span>
    <span class="k">pass</span>

<span class="k">if</span> <span class="n">__name__</span> <span class="o">==</span> <span class="s">'__main__'</span><span class="p">:</span>
    <span class="c1"># A comment
</span>    <span class="k">print</span> <span class="s">'hello world'</span>

</code></pre></div></div>

<h4 id="3-绘制表格">3. 绘制表格</h4>

<table>
  <thead>
    <tr>
      <th>项目</th>
      <th style="text-align: right">价格</th>
      <th style="text-align: center">数量</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>计算机</td>
      <td style="text-align: right">$1600</td>
      <td style="text-align: center">5</td>
    </tr>
    <tr>
      <td>手机</td>
      <td style="text-align: right">$12</td>
      <td style="text-align: center">12</td>
    </tr>
    <tr>
      <td>管线</td>
      <td style="text-align: right">$1</td>
      <td style="text-align: center">234</td>
    </tr>
  </tbody>
</table>


  </section>

</article>

<section>

            <div class="content-play">
              <p><a href="javascript:void(0)" onclick="dashangToggle()" class="dashang" title="打赏，支持一下">打赏一个呗</a></p>
              <div class="hide_box-play"></div>
              <div class="shang_box-play">
                <a class="shang_close-play" href="javascript:void(0)" onclick="dashangToggle()" title="关闭"><img src="close.jpg" tppabs="https://leopardpan.cn/images/payimg/close.jpg" alt="取消" /></a>
                <div class="shang_tit-play">
                  <p>感谢您的支持，我会继续努力的!</p>
                </div>
                <div class="shang_payimg">
                    <img src="alipayimg.jpg" tppabs="https://leopardpan.cn/images/payimg/alipayimg.jpg" alt="扫码支持" title="扫一扫" />
                </div>
              <div class="shang_payimg">    
                    <img src="weipayimg.jpg" tppabs="https://leopardpan.cn/images/payimg/weipayimg.jpg" alt="扫码支持" title="扫一扫" />
                </div>
                <div class="pay_explain">扫码打赏，你说多少就多少</div>
                <div class="shang_payselect">
                  <div class="pay_item checked" data-id="alipay">
                    <span class="pay_logo"><img src="alipay.jpg" tppabs="https://leopardpan.cn/images/payimg/alipay.jpg" alt="支付宝" /></span>
                  </div>
                  <div class="pay_item" data-id="weipay">
                    <span class="pay_logo"><img src="wechat.jpg" tppabs="https://leopardpan.cn/images/payimg/wechat.jpg" alt="微信" /></span>
                  </div>
                </div>
                <div class="shang_info-play">
                  <p>打开<span id="shang_pay_txt">支付宝</span>扫一扫，即可进行扫码打赏哦</p>
                </div>
              </div>
            </div>
            <script type="text/javascript">
            function dashangToggle(){
              $(".hide_box-play").fadeToggle();
              $(".shang_box-play").fadeToggle();
            }
            </script>

            <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"></div>

            <style type="text/css">
              .content-play{width:80%;margin-top: 20px;margin-bottom: 10px;height:40px;}
              .hide_box-play{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
              .shang_box-play{width:540px;height:540px;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;}
              .shang_box-play img{border:none;border-width:0;}
              .dashang{display:block;width:100px;margin:5px auto;height:25px;line-height:25px;padding:10px;background-color:#E74851;color:#fff;text-align:center;text-decoration:none;border-radius:10px;font-weight:bold;font-size:16px;transition: all 0.3s;}
              .dashang:hover{opacity:0.8;padding:15px;font-size:18px;}
              .shang_close-play{float:right;display:inline-block;
                margin-right: 10px;margin-top: 20px;
              }
              .shang_logo{display:block;text-align:center;margin:20px auto;}
              .shang_tit-play{width: 100%;height: 75px;text-align: center;line-height: 66px;color: #a3a3a3;font-size: 16px;background: url("cy-reward-title-bg.jpg")/*tpa=https://leopardpan.cn/images/payimg/cy-reward-title-bg.jpg*/;font-family: 'Microsoft YaHei';margin-top: 7px;margin-right:2px;}
              .shang_tit-play p{color:#a3a3a3;text-align:center;font-size:16px;}
              .shang_payimg{width:140px;padding:10px;padding-left: 80px; /*border:6px solid #EA5F00;**/margin:0 auto;border-radius:3px;height:140px;display:inline-block;}
              .shang_payimg img{display:inline-block;margin-right:10px;float:left;text-align:center;width:140px;height:140px; }
              .pay_explain{text-align:center;margin:10px auto;font-size:12px;color:#545454;}
              .shang_payselect{text-align:center;margin:0 auto;margin-top:40px;cursor:pointer;height:60px;width:500px;margin-left:110px;}
              .shang_payselect .pay_item{display:inline-block;margin-right:140px;float:left;}
              .shang_info-play{clear:both;}
              .shang_info-play p,.shang_info-play a{color:#C3C3C3;text-align:center;font-size:12px;text-decoration:none;line-height:2em;}
            </style>

       <ul class="pager">
        
        <li class="previous">
            <a href="index-4.html" tppabs="https://leopardpan.cn/2016/10/jekyll_tutorials1/" data-toggle="tooltip" data-placement="top" title="Jekyll搭建个人博客">上一篇：  <span>Jekyll搭建个人博客</span>
            </a>
        </li>
        
        
        <li class="next">
            <a href="index-2.html" tppabs="https://leopardpan.cn/2020/07/ReleaseNode/" data-toggle="tooltip" data-placement="top" title="博客迭代记录">下一篇：  <span>博客迭代记录</span>
            </a>
        </li>
        
    </ul>
</section>

<section class="post-comments">

  
    <div id="disqus_thread"></div>
    <script>
    
    var disqus_config = function () {
        this.page.url = "http://0.0.0.0:4000/2016/11/markdownTool/";
        this.page.identifier = "/2016/11/markdownTool/";
    };
    var disqus_shortname = 'leopard';
    
    (function() { // DON'T EDIT BELOW THIS LINE
        var d = document, s = d.createElement('script');
        s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        s.setAttribute('data-timestamp', +new Date());
            (d.head || d.body).appendChild(s);
        })();
    </script>
    <noscript>要查看<a href="javascript:if(confirm('http://disqus.com/?ref_noscript  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://disqus.com/?ref_noscript'" tppabs="http://disqus.com/?ref_noscript"> Disqus </a>评论，请启用 JavaScript</noscript>
    
  

</section>


            <section class="footer">
    <footer>
        <div class = "footer_div">  
        <nav class="cover-navigation navigation--social">
          <ul class="navigation">

          
          <!-- Github -->
          <li class="navigation__item_social">
            <a href="javascript:if(confirm('https://github.com/leopardpan  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='https://github.com/leopardpan'" tppabs="https://github.com/leopardpan" title="@leopardpan 的 Github" target="_blank">
              <div class="footer-social-icon" style="background:url(/images/github.png);"></div>
            </a>
          </li>
          

          

          

          
          <!-- Zhihu -->
          <li class="navigation__item_social">
            <a href="javascript:if(confirm('https://www.jianshu.com/u/2ada30d8d0f7  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='https://www.jianshu.com/u/2ada30d8d0f7'" tppabs="https://www.jianshu.com/u/2ada30d8d0f7" title="@2ada30d8d0f7" target="_blank">
              <div class="footer-social-icon" style="background:url(/images/jianshu.png);"></div>
            </a>
          </li>

          

          
          <!-- Weibo -->
          <li class="navigation__item_social">
            <a href="javascript:if(confirm('http://weibo.com/5366874726  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://weibo.com/5366874726'" tppabs="http://weibo.com/5366874726" title="@5366874726 的微博" target="_blank">
              <div class="footer-social-icon" style="background:url(/images/weibo.png);"></div>
            </a>
          </li>
          

          
          


          
          <!-- Email -->
          <li class="navigation__item_social">
            <a href="mailto:leopardpan@icloud.com" title="Contact me">
              <div class="footer-social-icon" style="background:url(/images/email.png);"></div>
            </a>
          </li>
          
          
          <!-- RSS -->
          <li class="navigation__item_social">
            <a href="feed.xml" tppabs="https://leopardpan.cn/feed.xml" rel="author" title="RSS" target="_blank">
              <div class="footer-social-icon" style="background:url(/images/rss.png);"></div>
              <span class="label">RSS</span>
            </a>
          </li>

          </ul>
        </nav>

        </div>

        <div class = "footer_div">  
           <p class="copyright text-muted">
            Copyright &copy; 柳勇 2020 Theme by <a href="index.htm" tppabs="https://leopardpan.cn/">leopardpan</a> |
            <iframe
                style="margin-left: 2px; margin-bottom:-5px;"
                frameborder="0" scrolling="0" width="91px" height="20px"
                src="github-btn.html-user=leopardpan&repo=leopardpan.github.io&type=star&count=true" tppabs="https://ghbtns.com/github-btn.html?user=leopardpan&repo=leopardpan.github.io&type=star&count=true" >
            </iframe>
            </p>
        	<div align="right">
    			<link rel="stylesheet" href="font-awesome.min-1.css" tppabs="https://cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css">

          <!-- 访问统计 -->
          <span id="busuanzi_container_site_pv">
            本站总访问量
            <span id="busuanzi_value_site_pv"></span>次
          </span>

        </div>
        <div>
    </footer>
</section>

        </div>
    </div>
    
    <script type="text/javascript" src="jquery-1.11.3.min.js" tppabs="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="main.js" tppabs="https://leopardpan.cn/js/main.js"></script>

<script type="text/javascript" src="highlight.pack.js" tppabs="https://leopardpan.cn/js/highlight.pack.js"></script>
<!--<script>hljs.initHighlightingOnLoad();</script>-->



    
  </body>

</html>
